<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>分类管理</title>
    <link rel="stylesheet" href="/css/layui.css">
    <script src="/layui/layui.js"></script>
    <script src="/js/jquery-3.4.1.min.js"></script>
    <link href="/imgs/favicon.ico" rel="shortcut icon">


    <!-- Theme style必不可少 -->
    <link rel="stylesheet" th:href="@{/admin/dist/css/adminlte.min.css}">

    <style>
        /*需要复制*/
        body{
            text-align: center;
        }
        .header .layui-nav{
            display: inline-block;
            float: right;
        }
        .logo{
            position: absolute;
            left: 0px;
            font-size: 35px;
            color: lightblue;
        }
        .layui-nav{
            border-radius: 0px;
        }
        .layui-header{
            position: fixed;
            width: 100%;
        }
        .layui-side{
            top:60px;
        }
        .layui-tab{
            margin-left: 200px;
            margin-top: 80px;
        }
        .layui-tab-title{
            font-size: 30px;
            margin: 30px;
        }
        .layui-body{
            position: relative;
            left: 0;
            padding: 30px;
            margin-top: -59px;
        }
        .layui-body a:hover{
            color: #555;
        }

        .layui-card{
            border: 1px solid;
            padding: 20px;
        }
        .CodeMirror-gutters{
            width: 32px;
        }
        .content-wrapper{
            margin-left: 0;
        }

        /*footer的样式（需要复制)*/
        .layui-footer {
            position: fixed;
            height: 50px;
            left: 200px;
            right: 0;
            bottom: 0;
            background-color: gainsboro;
            z-index: 1000;
        }
        .layui-main{
            width: 100%;
        }
        .footer-demo{
            line-height: 45px;
            margin: 0px;
        }
        .footer-demo p{
            display: inline-block;
            vertical-align: middle;
            padding-right: 10px;
        }
        .a{
            margin-left: -25px;
        }
        .layui-icon{
            margin-right: 10px;
        }
    </style>

    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script src="/js/kawai.js"></script><!--必须在后面-->
</head>
<body>

<link href="/admin/plugins/editormd/css/editormd.css" rel="stylesheet"/>


<div class="layui-layout layui-layout-admin">

    <div class="layui-header header header-demo" spring="">
        <div class="layui-main">

            <div class="layui-nav" th:replace="~{commons/commons::topbar}"></div>
        </div>
    </div>
</div>


<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <div th:replace="~{commons/commons::sidebar(itemed='manage.html')}"></div>
    </div>
</div>

<div class="layui-tab layui-tab-brief">
    <ul class="layui-tab-title">
        <li class="layui-this" style="font-size: 20px;margin-bottom: 15px">
            分类管理
        </li>
    </ul>
    <div class="layui-body"><!--body写在这-->

        <div class="wrapper">

            <!-- Content Wrapper. Contains page content -->
            <div class="content-wrapper">
                <!-- Content Header (Page header) -->
                <div class="content-header">
                    <div class="container-fluid">
                    </div><!-- /.container-fluid -->
                </div>
                <!-- Main content -->
                <div class="content">
                    <div class="container-fluid">
                        <div class="card card-primary card-outline">
                            <div class="card-body">
                                <div style="border: 1px #e2e2e2 solid;padding: 10px">
                                    <button id="catagory_insert_btn" type="button" class="layui-btn layui-btn-radius layui-btn-normal">添加</button>
                                    <button id="catagory_update_btn" type="button" class="layui-btn layui-btn-radius layui-btn-normal">修改</button>
                                    <button id="catagory_delete_btn" type="button" class="layui-btn layui-btn-radius layui-btn-danger">删除</button>
                                </div>
                                <!-- table展示列表-->
                                <table id="catagory_table" class="layui-table" lay-filter="test"></table>

                            </div>
                        </div>
                    </div><!-- /.container-fluid -->
                </div>
            </div>
        </div>


    </div>
</div>


<div th:replace="~{commons/commons::footer}"></div>


<script>
    $(function () {
        $("#ck1").click(function () {
            var cks = $("[name=ck]");
            for(let i=0;i<cks.length;i++){
                cks[i].checked=this.checked;
            }
        })
    })
</script>

<script src="/js/public.js" ></script>
<script src="/js/catagory.js"></script>



<!--model层-->
<style>
    .layui-form-label{
        width: 150px;
    }
    .layui-input-block{
        width: 70%;
        margin-left: 170px;
        margin-right: 100px;
        margin-top: 100px;
    }
</style>
<script id="catagory_model" type="text/html">
    <form id="catagory_form" style="padding: 10px" class="layui-form" onsubmit="return false;">
        <input type="text" id="id" name="id" hidden>
        <div class="layui-form-item">
            <label for="name" class="layui-form-label">分类名称</label>
            <div class="layui-input-block">
                <input id="name" name="name" placeholder="请输入分类名称" class="layui-input" required>
            </div>
        </div>
    </form>

</script>


</body>
</html>
